<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    
    <h:head>
        <title>X-learning</title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <script src="#{facesContext.externalContext.requestContextPath}/template/js/config.js"></script>
        <script src="#{facesContext.externalContext.requestContextPath}/template/js/skel.min.js"></script>
        <script src="#{facesContext.externalContext.requestContextPath}/template/js/skel-panels.min.js"></script>
        <noscript>
            <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/template/css/skel-noscript.css" />
            <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/template/css/style.css" />
            <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/template/css/style-desktop.css" />
        </noscript>
        
        <!--[if lte IE 9]><link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/template/css/ie9.css" /><![endif]-->
        <!--[if lte IE 8]><script src="#{facesContext.externalContext.requestContextPath}/template/js/html5shiv.js"></script><![endif]-->
    </h:head>
    <h:body>

        <!-- Header -->
            
            <div id="header-wrapper">
                
                <header id="header" class="container">
                    <div class="row">
                        <div class="12u">
                        
                            <!-- Logo -->
                            <h:form>
                                <h1><h:commandLink value="X-LEARN" action="#{navigationMB.paginaInicia}" id="logo"/></h1>
                            </h:form>
                            <!-- Nav -->
                                <nav id="nav">
                                    <ui:insert name="item-menu"></ui:insert>
                                 </nav>

                        </div>
                    </div>
                </header>
            </div>

        <!-- Features -->
            <div id="features-wrapper">
                <div id="features">
                    <div class="container">
                        <div class="row">
    <section id="work"> <!-- Work Links Section Start -->
     <ui:insert name="logo-curso">
    
        </ui:insert>
        <div class="clearfix"></div>
    </section> <!-- Work Links Section End -->
                        </div>
                    </div>
                </div>
            </div>

        

        <!-- Footer -->
            <div id="footer-wrapper">
                <footer id="footer" class="container">
                    <div class="row">
                        <div class="8u">
                        
                            <!-- Links -->
                                <section>
                                    <h2>Links to Important Stuff</h2>
                                    <div>
                                        <div class="row">
                                            <div class="3u">
                                                <ul class="link-list last-child">
                                                    <li><a href="#">Neque amet dapibus</a></li>
                                                    <li><a href="#">Sed mattis quis rutrum</a></li>
                                                    <li><a href="#">Accumsan suspendisse</a></li>
                                                    <li><a href="#">Eu varius vitae magna</a></li>
                                                </ul>
                                            </div>
                                            <div class="3u">
                                                <ul class="link-list last-child">
                                                    <li><a href="#">Neque amet dapibus</a></li>
                                                    <li><a href="#">Sed mattis quis rutrum</a></li>
                                                    <li><a href="#">Accumsan suspendisse</a></li>
                                                    <li><a href="#">Eu varius vitae magna</a></li>
                                                </ul>
                                            </div>
                                            <div class="3u">
                                                <ul class="link-list last-child">
                                                    <li><a href="#">Neque amet dapibus</a></li>
                                                    <li><a href="#">Sed mattis quis rutrum</a></li>
                                                    <li><a href="#">Accumsan suspendisse</a></li>
                                                    <li><a href="#">Eu varius vitae magna</a></li>
                                                </ul>
                                            </div>
                                            <div class="3u">
                                                <ul class="link-list last-child">
                                                    <li><a href="#">Neque amet dapibus</a></li>
                                                    <li><a href="#">Sed mattis quis rutrum</a></li>
                                                    <li><a href="#">Accumsan suspendisse</a></li>
                                                    <li><a href="#">Eu varius vitae magna</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </section>

                        </div>
                        <div class="4u">
                            
                            <!-- Blurb -->
                                <section>
                                    <h2>An Informative Text Blurb</h2>
                                    <p>
                                        Duis neque nisi, dapibus sed mattis quis, rutrum accumsan sed. Suspendisse eu 
                                        varius nibh. Suspendisse vitae magna eget odio amet mollis. Duis neque nisi, 
                                        dapibus sed mattis quis, sed rutrum accumsan sed. Suspendisse eu varius nibh 
                                        lorem ipsum amet dolor sit amet lorem ipsum consequat gravida justo mollis.
                                    </p>
                                </section>
                        
                        </div>
                    </div>
                </footer>
            </div>

        <!-- Copyright -->
            <div id="copyright">
                Untitled. All rights reserved. | Design: <a href="http://html5up.net">HTML5 UP</a> | Images: <a href="http://fotogrph.com">fotogrph</a>
            </div>

    </h:body>
</html>
